<!doctype html>
<html  xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>404财富管家</title>
<meta name="keywords" content="财富管家" />
<meta name="description" content="财富管家" />
<link rel="shortcut icon" th:href="@{/images/littlelogo.png}">
<link rel="icon"  th:href="@{/favicon.ico}" mce_href="/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet"  th:href="@{/css/style.css}"/>
<link rel="stylesheet"  th:href="@{/css/user.css}"/>
<link  th:href="@{/css/iconfont/RjdaoIcon.css}" rel="stylesheet" type="text/css">
<link rel="stylesheet" th:href="@{/css/layui/css/layui.css}"  media="all">
<script type="text/javascript" th:src="@{/js/jquery-3.2.1.min.js}"></script>
<script th:src="@{/js/highcharts.js}"></script>
<!--
<script th:src="@{/js/layer/layer.js}" charset="utf-8"></script>
-->
<!--
<script src="https://img.hcharts.cn/highcharts/modules/exporting.js"></script>
<script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
<script src="https://img.hcharts.cn/highcharts/themes/grid-light.js"></script>
-->
</head>

<body>

<!----header s---->
<div class="topnav">
    <div class="mainw w">
        <div class="l-txt">欢迎致电：400-1234-123 &nbsp;&nbsp; 服务时间：08:30-17:30（工作日）</div>

        <a th:href="@{/information/xinxi2}" class="dh">帮助中心</a>
        <a th:href="@{/information/xinxi3}" class="dh">新手指引</a>

    </div>
</div>
<header>
    <div class="hmain w">
        <a th:href="@{/index}" class="logo"><img th:src="@{/images/logo.png}"></a>
        <a th:href="@{/login}" class="ubut">退出</a>
        <a th:href="@{/userCenter/index}" class="ubut" style="padding:0 15px;background-color: #C9302C;color: white;">个人中心<span><dl th:text="${'我的资产:'+user.balance}">我的资产：2830.00</dl></span></a>
        <nav>
            <a th:href="@{/index}" >首页</a>
            <a th:href="@{/invest/list}">我要投资</a>
            <a th:href="@{/borrowCenter/index}">我要借贷</a>
            <a th:href="@{/zhongchou/list}">众筹中心</a>
            <a th:href="@{/information/xinxi1}">信息披露</a>
        </nav>
    </div>
</header>
<!----header e---->



<!---user top s---->
<div class="user-top">

    <div class="userinfo">

        <a href="" class="portrait" style="margin-top:10px;"><em>编辑头像</em><img th:src="@{/images/user-portrait.jpg}"></a>
        <div class="minfo" style="margin-top:30px;">
            <div class="it"><dl>ID：</dl><span class="mr1" th:text="${user.id + 10000}">633748</span> <dl>用户名：</dl><span th:text="${user.tell}">xiezhengyi</span></div>
            <div class="it">
                <dl>绑定手机号：</dl><span th:text="${user.tell}">187****6613</span>
                <a class="ml1" title="手机" th:href="@{/userCenter/safe}"><i class="icon-0566"></i></a>
                <a th:href="@{/userCenter/account}" class="ml1" title="设置"><i class="icon-0421"></i></a>
            </div>
        </div>

        <div class="capital">
            <dl>我的总资产</dl><em th:text="${user.balance}">200263.00</em>
        </div>
        <div class="capital2">
            <a href="javascript:void(0);" onclick="recharge()" class="ti">充值</a>
            <a href="javascript:void(1);" onclick="forward()" class="ti">提现</a>
        </div>

    </div>
    
    <div class="nav">
        <a th:href="@{/userCenter/index}" class="l"><i class="icon-0101" ></i><span >我的项目</span></a>
        <a th:href="@{/userCenter/loan}" class="l"><i class="icon-0101" ></i><span >我的借贷</span></a>
        <a th:href="@{/userCenter/Crowd}" class="l"><i class="icon-0941" style="color: orange;"></i><span  style="color: orange;">我的众筹</span></a>
        <a th:href="@{/userCenter/transaction}" class="l"><i class="icon-0423"></i><span>交易记录</span></a>
        <a th:href="@{/userCenter/account}" class="l"><i class="icon-0841"></i><span>账户设置</span></a>
        <a th:href="@{/userCenter/safe}" class="l"><i class="icon-0282"></i><span >安全设置</span></a>
        <a th:href="@{/login}" class="r"><i class="icon-0735"></i><span>退出</span></a>
    </div>
    
</div>
<!--插入轮播 s-->
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
    <legend>我参与的爱心众筹</legend>
</fieldset>

<div class="layui-carousel" id="test1" lay-filter="test1" style=" margin:auto;background-color:white;">
    <div carousel-item="" >
        <div style="background-color: white"  th:each="join:${joincrowdFunding}">
            <div class="goodspic"><img style="width: 600px; height: 500px;margin-left:130px;" th:src="@{'/article/cfgj/'+${join.imgPath}}" /></div>

            <div class="zsdata"  style="margin-top: -400px;margin-right:80px;">
                <div class="text"><em style="font-size: 30px;color:#666" th:text="'众筹项目:'+${join.projectname}">#</em></div>
                <div class="text"><em th:text="'众筹金额:￥'+${join.money}">￥200000.00</em></div>
                <div class="text"><em th:text="'已筹款:  '+${join.nowmoney}">5天</em></div>
                <div class="text"><em th:text="'我的捐款:  '+${join.mymoney}">5天</em></div>
                <div class="text"><em th:text="'截止时间:  '+${#dates.format(join.endtime,'yyyy-MM-dd')}">5天</em></div>
                <div class="text" style="width: 300px;height: 50px;font-size: 24px;background:#ff3a27;">
                    <a style="color:#FFF;font-size:34px; text-align: center;" th:href="@{'/zhongchou/mainInf?id='+ ${join.crowd_id}}">为爱续航</a>
                </div>
            </div>

        </div >
        <div style="text-align: center;font-size: 30px;"th:if="${#lists.isEmpty(joincrowdFunding)}"><div  style="margin-top: 200px;"><span style="font-size: 30px;">暂无参与的爱心众筹</span></div></div>
        <!--<div style="background-color: white">
            <div id="container1" style="width:700px;height:500px; margin-top:50px; float:left;"></div>
            <div class="zsdata"style="margin-top: 50px;">
                <h1>传承造物·龙泉青瓷主人杯</h1>
                <div class="text"><span>众筹金额</span><em style="color:#666">￥30000.00</em></div>
                <div class="text"><span>当前进度</span><em>165%</em></div>
                <div class="text"><span>已筹金额</span><em>￥49499.00</em></div>
                <div class="text"><span>已投金额</span><em>￥500.00</em></div>
                <div class="text"><span>剩余时间</span><em>28天</em></div>
                <a href="" class="but">增投申请</a>
                <a href="" class="but">体现申请</a>
            </div>
        </div>
        <div>条目3</div>
        <div>条目4</div>
        <div>条目5</div>-->
    </div>
</div>

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;background-color:white;">
    <legend>我发布的爱心众筹</legend>
</fieldset>

<div class="layui-carousel" id="test2" lay-filter="test1" style=" margin:auto;">
    <div carousel-item="">

        <div style="background-color: white" th:if="${crowdFunding} ne null" th:each="crowed:${crowdFunding}">
            <div class="goodspic"><img style="width: 600px; height: 500px;margin-left:130px;" th:src="@{'/article/cfgj/'+${crowed.imgPath}}" /></div>

            <div class="zsdata"  style="margin-top: -400px;margin-right:80px;">
                <div class="text"><em style="font-size: 30px;color:#666" th:text="'众筹项目:'+${crowed.projectname}">#</em></div>
                <div class="text"><em th:text="'众筹金额：￥'+${crowed.money}">￥200000.00</em></div>
                <div class="text"><em th:text="'受众人群:  '+${crowed.faceto}">109%</em></div>
                <div class="text"><em th:text="'当前筹款:  '+${crowed.nowmoney}">109%</em></div>
                <div class="text"><em th:text="'截止时间:  '+${#dates.format(crowed.endtime,'yyyy-MM-dd')}">5天</em></div>
                <!-- <div class="text" style="width: 300px;height: 50px;font-size: 24px;background:#ff3a27;">
                     <a style="color:#FFF;font-size:34px; text-align: center;" th:href="@{'/zhongchou/mainInf?id='+ ${crowed.id}}">为爱续航</a>
                 </div>-->
            </div>

        </div >
        <div style="text-align: center;font-size: 30px;"th:if="${#lists.isEmpty(crowdFunding)}"><div  style="margin-top: 200px;"><span style="font-size: 30px;">暂无发布的爱心众筹</span></div></div>
    </div>
</div>


<script th:src="@{/css/layui/layui.js}" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use(['carousel', 'form'], function(){
        var carousel = layui.carousel
            ,form = layui.form;

        //常规轮播
        carousel.render({
            elem: '#test1'
            ,width: '1300px'
            ,height: '500px'
            ,arrow: 'always'
            ,autoplay:false
        });

        //常规轮播
        carousel.render({
            elem: '#test2'
            ,width: '1300px'
            ,height: '500px'
            ,arrow: 'always'
            ,autoplay:false
        });
    });
</script>
<!--插入轮播 e-->

<!---user top e---->
<!--<div class="u-main">

	&lt;!&ndash;<div id="container" style="width:700px;height:500px; margin-top:20px; float:left;"></div>
&ndash;&gt;
	<div class="zsdata"  style="margin-top: 0px;">
		<h1>智能血压手表</h1>
	    <div class="text"><span>众筹金额</span><em style="color:#666">￥200000.00</em></div>
	    <div class="text"><span>当前进度</span><em>109%</em></div>
	    <div class="text"><span>已筹金额</span><em>￥217932.00</em></div>
	    <div class="text"><span>已投金额</span><em>￥2000.00</em></div>
	    <div class="text"><span>剩余时间</span><em>5天</em></div>
	    <a href="" class="but">增投申请</a>
	    <a href="" class="but">体现申请</a>
	</div>

	&lt;!&ndash;<div id="container1" style="width:700px;height:500px; margin-top:50px; float:left;"></div>&ndash;&gt;

	<div class="zsdata"style="margin-top: 50px;">
		<h1>传承造物·龙泉青瓷主人杯</h1>
	    <div class="text"><span>众筹金额</span><em style="color:#666">￥30000.00</em></div>
	    <div class="text"><span>当前进度</span><em>165%</em></div>
	    <div class="text"><span>已筹金额</span><em>￥49499.00</em></div>
	    <div class="text"><span>已投金额</span><em>￥500.00</em></div>
	    <div class="text"><span>剩余时间</span><em>28天</em></div>
	    <a href="" class="but">增投申请</a>
	    <a href="" class="but">体现申请</a>
	</div>

</div>-->
<script>
$(function () {

$('#container').highcharts({ 

	chart: {
		type: 'area',
		spacingBottom: 30
	},
	title: {
		text: '众筹项目编号：20180726001'
	},
	subtitle: {
		text: '管家众筹走势图',
		floating: true,
		align: 'right',
		verticalAlign: 'bottom',
		y: 15
	},
	xAxis: {
		categories: ['5天', '10天', '15天', '20天', '25天', '30天', '35天', '40天', '45天', '50天', '55天', '60天']
	},
	
	yAxis: {
		title: {
			text: '当前进度'
		},
		labels: {
			formatter: function () {
				return this.value;
			}
		}
	},
	//数据点提示框
	tooltip: {
		pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
	},
	tooltip: {
		valueSuffix: '%',//数据的后辍
		style:{color:'#000',}
	},
	plotOptions: {
		area: {
			fillOpacity: 0.5
		}
	},
	credits: {
		enabled: false
	},
	series: [{
		name: '进度时间',
		data: [10,12,15,18,20,25,30,50,60,70,108,null]
	}]
}); 
});
</script>

<script>
$(function () {

$('#container1').highcharts({ 

	chart: {
		type: 'area',
		spacingBottom: 30
	},
	title: {
		text: '众筹项目编号：20180726001'
	},
	subtitle: {
		text: '管家众筹走势图',
		floating: true,
		align: 'right',
		verticalAlign: 'bottom',
		y: 15
	},
	/*
	legend: {
		layout: 'vertical',
		align: 'left',
		verticalAlign: 'top',
		x: 150,
		y: 100,
		floating: true,
		borderWidth: 1,
		backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'
	},
	*/
	xAxis: {
		categories: ['5天', '10天', '15天', '20天', '25天', '30天', '35天', '40天', '45天', '50天', '55天', '60天']
	},
	
	yAxis: {
		title: {
			text: '当前进度'
		},
		labels: {
			formatter: function () {
				return this.value;
			}
		}
	},
	//数据点提示框
	tooltip: {
		pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
	},
	tooltip: {
		valueSuffix: '%',//数据的后辍
		style:{color:'#000',}
	},
	/*
	tooltip: {
		formatter: function () {
			return '<b>' + this.series.name + '</b><br/>' +
				this.x + ': ' + this.y;
		}
	},
	*/
	plotOptions: {
		area: {
			fillOpacity: 0.5
		}
	},
	credits: {
		enabled: false
	},
	series: [{
		name: '进度时间',
		data: [40,50,60,70,100,120,140,165,null,null,null,null]
	}]
}); 
});
</script>
<script th:inline="javascript">
    var userId = [[${user.id}]];//用户id
    var contextPath = [[${#request.getContextPath()}]]; //获取当前应用路径
    //var monthmoney = [[${user.balance}]];
</script>
<!--充值页面 s-->
<script type="text/javascript">
    layui.use('layer', function (){
        var layer = layui.layer;
    });
    function recharge() {
    //页面层
    layer.open({
        type: 2,
        title: '充值中心',
        skin: 'layui-layer-rim', //加上边框
        area: ['750px', '470px'], //宽高
        anim:4, //0-6的动画形式，-1不开启
        content: contextPath + '/userCenter/recharge?id=' + userId
    });
    }

</script>
<!--充值页面 e-->
<!--提现页面 s-->
<script type="text/javascript">
    function forward() {
        //页面层
        layer.open({
            type: 2,
            title: '提现中心',
            skin: 'layui-layer-rim', //加上边框
            area: ['750px', '340px'], //宽高
            anim:4, //0-6的动画形式，-1不开启
            content: contextPath + '/userCenter/forward?id=' + userId
        });
    }
</script>
<!--提现页面 e-->

<!---footer s--->
<footer>
	<div class="fmain w">
    	<div class="fm-top">
        	<div class="left">
            
            	<div class="ilist">
                	<h1>联系我们</h1>
                    <div class="t">客服电话</div>
                    <div class="tel">400-1234-123</div>
                    <div class="t">邮箱：quanminsat@163.com</div>
                </div>

                <div class="ilist">
                    <h1>关于我们</h1>
                    <a th:href="@{/information/jianjie}">公司简介</a>
                    <a th:href="@{/information/gonggao}">最新公告</a>
                    <a th:href="@{/information/join_us}">加入我们</a>
                </div>
            </div>
            <div class="right">
            	<div class="ewm" style="margin-left:20px;"><img th:src="@{/images/gzh.jpg}"><span>关注公众号</span></div>
            </div>
        </div>
          <div class="fm-bot" style="text-align: center;">
        	<span>&copy; 2018 &nbsp;全民科技有限公司 &nbsp;京ICP备：123456789号 </span>
        	<br />
            <dl>市场有风险 投资需谨慎</dl>
        </div>
    </div>
</footer>
<!---footer e--->


</body>
</html>
